:where(:root) {
  --docusaurus-highlighted-code-line-bg: rgb(72 77 91);
}

:where([data-theme="dark"]) {
  --docusaurus-highlighted-code-line-bg: rgb(100 100 100);
}

.theme-code-block-highlighted-line {
  background-color: var(--docusaurus-highlighted-code-line-bg);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

.openapi-explorer__code-block-code-line {
  display: table-row;
  counter-increment: line-count;
}

.openapi-explorer__code-block-code-line-number {
  display: table-cell;
  text-align: right;
  width: 1%;
  position: sticky;
  left: 0;
  padding: 0 var(--ifm-pre-padding);
  background: var(--ifm-pre-background);
  overflow-wrap: normal;
}

.openapi-explorer__code-block-code-line-number::before {
  content: counter(line-count);
  opacity: 0.4;
}

:global(.theme-code-block-highlighted-line)
  .openapi-explorer__code-block-code-line-number::before {
  opacity: 0.8;
}

.openapi-explorer__code-block-code-line-number {
  padding-right: var(--ifm-pre-padding);
}
